<template>
    <div>
        <el-row :gutter="20">
            <el-col :span="16">
                <el-input
                placeholder="请输入内容"
                prefix-icon="el-icon-search"
                v-model="counter">
              </el-input>
              <el-button @click="search" type="primary">搜索</el-button>
            </el-col>
            <el-col :span="8"></el-col>
          </el-row>
      
     
     
    </div>
</template>
<script>
export default {
    data: function () {
  return {
    counter: this.msg
  }
},
    props:{
    msg:{
      type:String,
      default:'wqq'
    },
},
methods: {
    search(){
       console.log('search')
       console.log(this.counter)
       this.$emit('search',this.counter)
       

    }
},
}
</script>
<style scoped>
    .el-input{
        width: 300px;
        list-style: none;
    }
    .el-button{
        margin-left: 20px;
    }

</style>